<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="asset\set.css">
    <link rel="stylesheet" href="css\functions.css">
    <link rel="stylesheet" href="icon\iconfont\iconfont.css">
    <title>Functions</title>
</head>
<body>
    <div class="container">
        <header>
            <div class="calendar">
                <i class="i ic:calendar"></i>
                <p>打卡</p>
            </div>
            <div class="right-icon">
                <i class="i ic:close" onclick="location.href='message.html'" ></i>
            </div>
        </header>
        <div class="user" onclick="location.href='mine.html'">
            <div class="left">
                <div class="img">
                    <img src="img/head_portrait.png">
                </div>
                <div class="info">
                    <span>我</span>
                    <img src="iconfont-img/sun-stra.png">
                    <div class="label">
                        <i class="i ic:pen"></i>
                        <span class="text">编辑个签，展示我的独特态度</span>
                    </div>
                </div>
            </div>
            <div class="right">
                <i class="i ic:qr-code"></i>
            </div>
        </div>
        <ul class="functions">
            <li>
                <div class="left">
                    <img src="iconfont-img/QQshow.png" alt="">
                    <span>超级QQ秀</span>
                </div>
                <div class="right">
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
            <li>
                <div class="left">
                    <img src="iconfont-img/living.png" alt="">
                    <span>直播</span>
                </div>
                <div class="right">
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
            <li>
                <div class="left">
                    <img src="iconfont-img/VIP.png" alt="">
                    <span>会员</span>
                </div>
                <div class="right">
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
            <li>
                <div class="left">
                    <i class="i ic:wallet"></i>
                    <span>钱包</span>
                </div>
                <div class="right">
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
            <li>
                <div class="left">
                    <i class="i ic:bag"></i>
                    <span>财富小金库</span>
                </div>
                <div class="right">
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
            <li>
                <div class="left">
                    <i class="i ic:cloth"></i>
                    <span>个性装扮</span>
                </div>
                <div class="right">
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
            <li>
                <div class="left">
                    <img src="iconfont-img/kingcard.png" alt="">
                    <span>王卡</span>
                </div>
                <div class="right">
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
            <li>
                <div class="left">
                    <i class="i ic:image"></i>
                    <span>相册</span>
                </div>
                <div class="right">
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
            <li>
                <div class="left">
                    <i class="i ic:bookmark"></i>
                    <span>收藏</span>
                </div>
                <div class="right">
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
            <li>
                <div class="left">
                    <i class="i ic:folder"></i>
                    <span>文件</span>
                </div>
                <div class="right">
                    <i class="i ic:arrow-right"></i>
                </div>
            </li>
        </ul>
        <ul class="bottom">
            <li>
                <i class="i ic:settings"></i>
                <p>设置</p>
            </li>
            <li>
                <i class="i ic:moon"></i>
                <p>夜间</p>
            </li>
            <li>
                <i class="i ic:phone"></i>
                <p>等级</p>
            </li>
            <li>
                <i class="i ic:weather"></i>
                <p>呈贡</p>
            </li>
        </ul>
    </div>
</body>
</html>